<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title></title>
  <link rel="stylesheet" type="text/css" href="../static/css/common.css">
  <link rel="stylesheet" type="text/css" href="../static/js/layui/css/layui.css">
  <link href="../static/css/font-awesome.min.css" rel="stylesheet">
  <!--[if lt IE 9]>
  <script src="../static/js/html5.min.js"></script>
  <script src="../static/js/respond.min.js"></script>
  <![endif]-->
<link href="/jquery-multiple-admin/static/css/iframe/message.0a75d.css" rel="stylesheet"></head>
<body>

<div class="main-content">

  <div class="layui-breadcrumb">
    <a href="/">首页</a>
    <a href="/demo/">演示</a>
    <a><cite>导航元素</cite></a>
  </div>

  <div class="content-scroll">

    <div class="layui-flex">
      <div class="layui-side layui-side-child">
        <div class="layui-side-scroll">
          <!-- 左侧子菜单 -->
          <ul class="layui-nav layui-nav-tree site-demo-table-nav">
            <li class="layui-nav-item layui-this">
              <a href="/demo/table.html">简单数据表格</a>
            </li>
            <li class="layui-nav-item ">
              <a href="/demo/table/auto.html">列宽自动分配<span class="layui-badge-dot"></span></a>
            </li>

            <li class="layui-nav-item ">
              <a href="/demo/table/data.html">赋值已知数据</a>
            </li>
            <li class="layui-nav-item ">
              <a href="/demo/table/static.html">转化静态表格</a>
            </li>

            <hr>
            <li class="layui-nav-item ">
              <a href="/demo/table/page.html">开启分页</a>
            </li>
            <li class="layui-nav-item ">
              <a href="/demo/table/resetPage.html">自定义分页</a>
            </li>
            <li class="layui-nav-item ">
              <a href="/demo/table/toolbar.html">开启头部工具栏<span class="layui-badge-dot"></span></a>
            </li>
            <li class="layui-nav-item ">
              <a href="/demo/table/totalRow.html">开启合计行<span class="layui-badge-dot"></span></a>
            </li>
            <li class="layui-nav-item ">
              <a href="/demo/table/checkbox.html">开启复选框</a>
            </li>
            <li class="layui-nav-item ">
              <a href="/demo/table/radio.html">开启单选框<span class="layui-badge-dot"></span></a>
            </li>
            <li class="layui-nav-item ">
              <a href="/demo/table/cellEdit.html">开启单元格编辑</a>
            </li>
            <hr>

            <li class="layui-nav-item ">
              <a href="/demo/table/form.html">加入表单元素</a>
            </li>
            <li class="layui-nav-item ">
              <a href="/demo/table/style.html">设置单元格样式</a>
            </li>
            <li class="layui-nav-item ">
              <a href="/demo/table/fixed.html">固定列</a>
            </li>

            <hr>
            <li class="layui-nav-item ">
              <a href="/demo/table/operate.html">数据操作</a>
            </li>
            <li class="layui-nav-item ">
              <a href="/demo/table/parseData.html">解析任意数据格式<span class="layui-badge-dot"></span></a>
            </li>
            <li class="layui-nav-item ">
              <a href="/demo/table/onrow.html">监听行事件<span class="layui-badge-dot"></span></a>
            </li>
            <li class="layui-nav-item ">
              <a href="/demo/table/reload.html">数据表格的重载</a>
            </li>
            <hr>

            <li class="layui-nav-item ">
              <a href="/demo/table/height.html">高度最大化适应</a>
            </li>
            <li class="layui-nav-item ">
              <a href="/demo/table/initSort.html">设置初始排序</a>
            </li>


            <li class="layui-nav-item ">
              <a href="/demo/table/cellEvent.html">监听单元格事件</a>
            </li>

            <li class="layui-nav-item ">
              <a href="/demo/table/thead.html">复杂表头</a>
            </li>

            <hr>
            <li class="layui-nav-item">
              <a href="/doc/modules/table.html" target="_blank">更多用法见文档</a>
            </li>
            <span class="layui-nav-bar" style="top: 397px; height: 0px; opacity: 0;"></span></ul>
        </div>
      </div>
      <div style="margin-left:20px;flex:1">
        <blockquote class="layui-elem-quote">
          本页面只是演示表单集合
        </blockquote>
        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
          <legend>行边框表格</legend>
        </fieldset>
        <ul class="layui-timeline">
          <li class="layui-timeline-item">
            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
            <div class="layui-timeline-content layui-text">
              <h3 class="layui-timeline-title">8月18日</h3>
              <p>
                layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。
                <br>不枉近百个日日夜夜与之为伴。因小而大，因弱而强。
                <br>无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔 <i class="layui-icon"></i>
              </p>
            </div>
          </li>
          <li class="layui-timeline-item">
            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
            <div class="layui-timeline-content layui-text">
              <h3 class="layui-timeline-title">8月16日</h3>
              <p>杜甫的思想核心是儒家的仁政思想，他有“<em>致君尧舜上，再使风俗淳</em>”的宏伟抱负。个人最爱的名篇有：</p>
              <ul>
                <li>《登高》</li>
                <li>《茅屋为秋风所破歌》</li>
              </ul>
            </div>
          </li>
          <li class="layui-timeline-item">
            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
            <div class="layui-timeline-content layui-text">
              <h3 class="layui-timeline-title">8月15日</h3>
              <p>
                中国人民抗日战争胜利72周年
                <br>常常在想，尽管对这个国家有这样那样的抱怨，但我们的确生在了最好的时代
                <br>铭记、感恩
                <br>所有为中华民族浴血奋战的英雄将士
                <br>永垂不朽
              </p>
            </div>
          </li>
          <li class="layui-timeline-item">
            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
            <div class="layui-timeline-content layui-text">
              <div class="layui-timeline-title">过去</div>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>

</div>
<script src="../static/js/layui/layui.js"></script>
<script src="../static/js/jquery.min.js"></script>
<script type="text/javascript" src="/jquery-multiple-admin/static/js/common.0a75d.js"></script><script type="text/javascript" src="/jquery-multiple-admin/static/js/iframe/message.0a75d.js"></script></body>
</html>